<template>
  <div class="nav-bar-item box" @click="navItemClick()">
    <slot name="nav-left"></slot>
    <slot name="nav-right"></slot>
  </div>
</template>

<script>
export default {
  name:'NavBarItem',
  props:{
    path:String
  },
  data(){
    return {
      
    }
  },
  methods:{
    navItemClick(){
      this.$router.push(this.path);
    }
  }
}
</script>

<style>

</style>